// 固定头部样式
.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	background: #FFFFFF;
	transform: translateY(-100%);
	transition: all 0.3s ease;
	padding-top: env(safe-area-inset-top);
	backdrop-filter: blur(15rpx);
	-webkit-backdrop-filter: blur(15rpx);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	box-sizing: border-box;
	
	&.header-fixed {
		transform: translateY(0);
		box-shadow: 0 4rpx 24rpx rgba(0, 0, 0, 0.08);
		background: rgba(255, 255, 255, 0.98);
	}
	
	
	// 固定头部的定位信息样式
	.fixed-topNav {
		display: flex;
		box-sizing: border-box;
		flex-shrink: 0;
		width: 100%;
		cursor: pointer;
		transition: all 0.2s ease;
		// background: rgba(255, 255, 255, 0.95); // 滚动时显示白色背景
		
		// 点击反馈效果
		&:active {
			background: rgba(0, 0, 0, 0.05);
		}
		
		.nav-left {
			display: flex;
			align-items: center;
			font-family: PingFang SC;
			font-weight: 400;
			font-size: 26rpx;
			color: #333333;
			padding-left: 30rpx;
			width: 100%;
			
			.location-btns {
				display: flex;
				margin-left: 20rpx;
				gap: 10rpx;
				
				.re-location-btn, .choose-location-btn {
					padding: 8rpx 16rpx;
					border-radius: 20rpx;
					font-size: 24rpx;
					text-align: center;
					
					&:active {
						opacity: 0.8;
					}
				}
				
				.re-location-btn {
					background: #FF7C00;
					color: #fff;
					
					&:active {
						background: #e66a00;
					}
				}
				
				.choose-location-btn {
					background: #f0f0f0;
					color: #333;
					
					&:active {
						background: #e0e0e0;
					}
				}
			}
			
			.addrss-img {
				width: 24rpx;
				height: 24rpx;
				margin-right: 10rpx;
			}
			
			.city-box {
				font-family: PingFang SC;
				font-weight: 400;
				font-size: 26rpx;
				color: #333333;
			}
		}
	}
	
	// 固定头部的搜索框样式 - 与主页面保持一致
	.content-search {
		background: #FFFFFF;
		border-radius: 5rpx;
		margin: 10rpx 30rpx;
		transition: all 0.2s ease;
		flex-shrink: 0;
		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
		
		// 触摸反馈效果
		&:active {
			transform: scale(0.98);
			box-shadow: 0 1rpx 5rpx rgba(0, 0, 0, 0.12);
		}
		
		.flex-header {
			padding: 10rpx 20rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		
		.flex-header-left {
			display: flex;
			align-items: center;
			
			.search-img {
				width: 26rpx;
				height: 30rpx !important;
				margin: 0 20rpx;
			}
			
			.line-info {
				width: 2rpx;
				height: 22rpx;
				background: #EEEEEE;
				margin-right: 20rpx;
			}
			
			.search-text {
				font-family: PingFang SC;
				font-weight: 400;
				font-size: 26rpx;
				color: #999999;
			}
			
			.searchText-img {
				width: 52rpx;
				height: 25rpx !important;
			}
		}
		
		.flex-header-right {
			width: 90rpx;
			height: 50rpx;
			line-height: 50rpx;
			text-align: center;
			background: #FF7C00;
			font-family: PingFang SC;
			font-weight: 400;
			font-size: 26rpx;
			color: #FFFFFF;
			border-radius: 5rpx;
			transition: all 0.2s ease;
			
			&:active {
				transform: scale(0.95);
				background: #E65C00;
			}
		}
	}
}

// 响应式设计 - 小屏幕手机优化
@media screen and (max-width: 375px) {
	.fixed-header {
		.content-search {
			margin: 8rpx 20rpx;
			
			.flex-header {
				padding: 8rpx 16rpx;
			}
			
			.flex-header-left {
				.search-img {
					margin: 0 16rpx;
					width: 24rpx;
					height: 28rpx;
				}
				
				.line-info {
					margin-right: 16rpx;
					width: 2rpx;
					height: 20rpx;
				}
				
				.search-text {
					font-size: 24rpx;
				}
				
				.searchText-img {
					width: 48rpx;
					height: 23rpx;
				}
			}
			
			.flex-header-right {
				width: 80rpx;
				height: 46rpx;
				line-height: 46rpx;
				font-size: 24rpx;
			}
		}
	}
}


.container-wrap{
	position: relative;
	z-index: 1;
}
.container-wrap-info{
	min-height: 260rpx;
	// background: url('https://wemayshiguang.oss-cn-shanghai.aliyuncs.com/bg.png') no-repeat 0 0;
	// background-size: cover;
	background:linear-gradient(#FAD5C3,#F8E7E2);
	background-attachment: local;
	position: relative;
	z-index: 100;
	width: 100%;
	position: fixed;
	left:0;
	top:0;
}
.addrss-img{
	width:24rpx;
	height:24rpx;
	margin-right:10rpx;
}
	// tab选项基本样式
	.tab-list {
		margin: 10rpx 0;
	}
	
	// 自定义tab样式
	.custom-tabs {
		width: 100%;
	}
	
	.tabs-container {
		position: relative;
		display: flex;
		width: 100%;
		height: 88rpx;
		align-items: center;
	}
	
	.tab-item {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		position: relative;
		transition: all 0.3s ease;
	}
	
	.tab-text {
		font-size: 28rpx;
		color: #666;
		transition: color 0.3s ease;
	}
	
	.tab-item-active .tab-text {
		color: #FF7C00;
		font-weight: 500;
	}
	
	.tab-line {
		position: absolute;
		bottom: 8rpx;
		height: 10rpx;
		background-color: #FF7C00;
		border-radius: 5rpx;
		transition: left 0.3s ease;
		width: 50rpx;
	}

.nav-left{
	display: flex;
	align-items:center;
	font-family: PingFang SC;
	font-weight: 400;
	font-size: 26rpx;
	color: #333333;
	padding-left:30rpx;
}
.content-search{
	background: #FFFFFF;
	border-radius: 5rpx;
	margin:10rpx 30rpx;
	.flex-header{
		padding:10rpx 20rpx;
		display: flex;
		align-items:center;
		justify-content:space-between;
		.flex-header-left{
			display: flex;
			align-items:center;
		}
		.search-text{
			font-family: PingFang SC;
			font-weight: 400;
			font-size: 26rpx;
			color: #999999;
		}
		.flex-header-right{
			width: 90rpx;
			height: 50rpx;
			line-height:50rpx;
			text-align:center;
			background: #FF7C00;
			font-family: PingFang SC;
			font-weight: 400;
			font-size: 26rpx;
			color: #FFFFFF;
			border-radius: 5rpx;
		}
		.search-img{
			width:26rpx;
			height:30rpx !important;
			margin:0 20rpx;
		}
		.line-info{
			width: 2rpx;
			height: 22rpx;
			background: #EEEEEE;
			margin-right:20rpx;
		}
		.searchText-img{
			width:52rpx;
			height:25rpx !important;
			
		}
	}
	
}
.topNav {
		height: 100rpx;
		display: flex;
		box-sizing: border-box;
		cursor: pointer;
		transition: all 0.2s ease;
		
		// 点击反馈效果
		&:active {
			background: rgba(0, 0, 0, 0.05);
		}
	}
// .content-search{
// 	padding:20rpx 30rpx;
// 	position: relative;
// }
.uv-search-box{
	position: relative;
}
.search-box {
		margin-right: 20rpx;
	}
	.swiper-wrap{
		margin-top: 280rpx;
	}
	.tui-banner-bg {
		display: flex;
		height: 240rpx;
		position: relative;
	}
	
	.tui-primary-bg {
		width: 50%;
		display: inline-block;
		height: 280rpx;
		border: 1px solid transparent;
		position: relative;
		z-index: 1;
		background-color: #e41f19;
	}
	
	.tui-route-left {
		transform: skewY(8deg);
	}
	
	.tui-route-right {
		transform: skewY(-8deg);
	}
	
	.tui-banner-box {
		width: 100%;
		padding: 0 30rpx;
		box-sizing: border-box;
	}
	
	.tui-banner-swiper {
		width: 100%;
		height: 280rpx;
		border-radius: 12rpx 12rpx 0 0;
		overflow: visible;
		transform: translateY(0);
		background-color: #f8f8f8;
	}
	
	.tui-slide-image {
		width: 100%;
		height: 280rpx;
		display: block;
		border-radius: 12rpx 12rpx 0 0;
	}
	
	/* #ifdef MP-WEIXIN */
	.tui-banner-swiper .wx-swiper-dot {
		width: 10rpx;
		height: 10rpx;
		display: inline-flex;
		background: none;
		justify-content: space-between;
		margin-bottom: 20rpx;
	}
	
	.tui-banner-swiper-box {
		width: 100%;
		height: 400rpx;
		overflow: hidden;
		transform: translateY(0);
		background-color: #f8f8f8;
		border-radius: 12rpx;
	}
	
	// 小轮播图优化
	::v-deep .uv-swiper {
		border-radius: 12rpx !important;
		overflow: hidden !important;
		width: 100% !important;
		height: 100% !important;
	}
	
	::v-deep .uv-swiper__wrapper {
		border-radius: 12rpx !important;
		width: 100% !important;
		height: 100% !important;
	}
	
	::v-deep .uv-swiper__item {
		border-radius: 12rpx !important;
		overflow: hidden !important;
		width: 100% !important;
		height: 100% !important;
	}
	
	::v-deep .uv-swiper__item image {
		border-radius: 12rpx !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}
	
	.tui-banner-swiper-box .wx-swiper-dot {
		width: 10rpx;
		height: 10rpx;
		display: inline-flex;
		background: none;
		justify-content: space-between;
	}
	
	.tui-banner-swiper-box .wx-swiper-dot::before {
		content: '';
		flex-grow: 1;
		background-color: rgba(255, 255, 255, 0.8);
		border-radius: 16rpx;
		overflow: hidden;
	}
	
	.tui-banner-swiper-box .wx-swiper-dot-active::before {
		background-color: #FF7C00;
	}
	
	.tui-banner-swiper-box .wx-swiper-dot.wx-swiper-dot-active {
		width: 20rpx;
	}
	
	
	.tui-banner-swiper .wx-swiper-dot::before {
		content: '';
		flex-grow: 1;
		background-color: rgba(255, 255, 255, 0.8);
		border-radius: 16rpx;
		overflow: hidden;
	}
	
	.tui-banner-swiper .wx-swiper-dot-active::before {
		background-color: #FF7C00;
	}
	
	.tui-banner-swiper .wx-swiper-dot.wx-swiper-dot-active {
		width: 20rpx;
	}
	.list-img{
		width:80rpx;
		height:80rpx !important;
		margin-bottom:10rpx;
		border-radius:10rpx;
	}
	.flex-wrap{
		display: flex;
		flex-wrap:wrap;
		justify-content:space-between;;
		background: #FFFFFF;
		border-radius:10rpx;
		font-family: PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #333333;
		width:100%;
		box-sizing:border-box;
		padding-top:30rpx;
	}
	.flex-item{
		width:20%;
		margin-bottom:30rpx;
		display: flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	
	}
	.list-info{
		margin-top:20rpx;
	}
	::v-deep .uv-scroll-list{
		background:#fff;
		border-radius: 10rpx;
		margin:30rpx;
		
	}
	::v-deep .uv-scroll-list__indicator{
		margin-top:0 !important;
	}
	

	.hot-left {
		width: 340rpx;
		margin-right: 10rpx;
		border-radius: 12rpx;
		overflow: hidden;
		box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
	}
	
	.hot-right {
		flex: 1;
		margin-left: 10rpx;
	
	}
	
	.hot-top {
		min-height: 190rpx;
		background: url('https://wemayshiguang.oss-cn-shanghai.aliyuncs.com/hotZone.png') no-repeat 0 0;
		background-size: 100% 100%;
		margin-bottom: 20rpx;
	}
	
	.img-tips {
		width: 80rpx;
		height: 80rpx !important;
		display: block;
	}
	
	.tui-image {
		width: 100%;
		border-radius: 10rpx;
		display: block;
	}
	
	
	.hot-right {
		flex: 1;
		margin-left: 10rpx;
	
	}
	
	.hot-top {
		min-height: 190rpx;
		background: url('https://wemayshiguang.oss-cn-shanghai.aliyuncs.com/hotZone.png') no-repeat 0 0;
		background-size: 100% 100%;
		margin-bottom: 20rpx;
	}
	
	.img-tips {
		width: 80rpx;
		height: 80rpx !important;
		display: block;
	}
	
	.hot-item {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.hot-content {
		display: flex;
		padding: 60rpx 30rpx 0;
	}
	
	.hot-text {
		font-family: PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #333333;
		margin-top: 10rpx;
	}
	
	.hot-bottom {
		min-height: 190rpx;
		background: url('https://wemayshiguang.oss-cn-shanghai.aliyuncs.com/motion.png') no-repeat 0 0;
		background-size: 100% 100%;
	}
	
	.tui-image {
		width: 100%;
		border-radius: 10rpx;
		display: block;
	}
	
	.hot-wrap {
		display: flex;
		padding: 0 30rpx 0 20rpx;
	
	}
	
	::v-deep .u-tabs__wrapper__nav::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none !important;
		background: transparent !important;
		color: transparent !important;
	}
	
	.nomore-box {
		padding-bottom: 20rpx;
	}
	
	.search-box {
		margin-right: 20rpx;
	}
	
	::-webkit-scrollbar {
		display: none !important;
		/* Chrome, Safari, Opera*/
	}
	
 .swiper {
        width: 100%;
        height: 420rpx;
        .item{
            width: 100%;
            height: 100%;
        }
        image{
            width: 100%;
            height: 100%;
        }
    }
	.waterfall-wrap{
		padding:20rpx 30rpx;
	}
	.tags-title{
		padding:10rpx 20rpx 10rpx;
		font-family: PingFang;
		font-weight: 500;
		font-size: 26rpx;
		color: #333333;
	}
	.multiline-ellipsis {
	      display: -webkit-box; /* 使用WebKit内核的弹性盒子模型 */
	      -webkit-box-orient: vertical; /* 设置子元素垂直排列 */
	      -webkit-line-clamp: 2; /* 限制显示的行数为2行 */
	      overflow: hidden; /* 隐藏超出的内容 */
	      text-overflow: ellipsis; /* 当内容被裁剪时显示省略号 */
	}
	.tips-wrap{
		font-family: PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #666666;
		padding:0 20rpx;
		margin-bottom:10rpx;
	}
	.tui-pro-tit {
		font-family: PingFang;
		font-weight: 500;
		font-size: 30rpx;
		color: #333333;
		line-height: 42rpx;
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	
	.tui-pro-price {
		margin-bottom:10rpx;
	}
	
	.tui-sale-price {
		font-size: 34rpx;
		font-weight: 500;
		color: #FF7C00;
	}
	
	.tui-factory-price {
		font-size: 24rpx;
		color: #a0a0a0;
		text-decoration: line-through;
		padding-left: 12rpx;
	}
	
	.tui-pro-pay-box {
		width:100%;
		font-size: 24rpx;
		color: #999;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom:20rpx;
	}
	.tui-pro-content {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		box-sizing: border-box;
		padding:0 20rpx;
	}
	
	
	.tui-pro-pay-center {
		display: flex;
		align-items: center;
		font-family: PingFang;
		font-weight: bold;
		font-size: 24rpx;
		color: #FA840A;
	}
	
	.goldenBean-img {
		width: 20rpx;
		height: 20rpx;
		margin-right: 10rpx;
	}
	// 加载提示框样式
	.loading-container {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 100rpx 0;
		
		.loading-box {
			background: #fff;
			border-radius: 20rpx;
			padding: 40rpx 60rpx;
			box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
			
			.loading-icon {
				display: flex;
				align-items: center;
				justify-content: center;
				
				.loading-text {
					font-size: 28rpx;
					color: #666;
				}
			}
		}
	}
	
	// 商品列表样式
	.goods-list {
		padding: 20rpx;
		
		.goods-grid {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			
			.goods-item {
				width: 48%;
				background: #fff;
				border-radius: 16rpx;
				margin-bottom: 20rpx;
				overflow: hidden;
				box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.06);
				
				.goods-image {
					width: 100%;
					height: 300rpx;
					
					.item-image {
						width: 100%;
						height: 100%;
					}
				}
				
				.goods-content {
					padding: 20rpx;
					
					.goods-title {
						margin-bottom: 10rpx;
						
						.title-text {
							font-size: 28rpx;
							color: #333;
							line-height: 1.4;
							display: -webkit-box;
							overflow: hidden;
							text-overflow: ellipsis;
							-webkit-line-clamp: 2;
							-webkit-box-orient: vertical;
						}
					}
					
					.goods-price {
						margin-bottom: 10rpx;
						
						.price-text {
							font-size: 32rpx;
							font-weight: 500;
							color: #FF7C00;
						}
						
						.original-price {
							font-size: 24rpx;
							color: #a0a0a0;
							text-decoration: line-through;
							margin-left: 12rpx;
						}
					}
					
					.goods-sales {
						display: flex;
						justify-content: space-between;
						align-items: center;
						
						.sales-text {
							font-size: 24rpx;
							color: #999;
						}
						
						.bean-info {
							display: flex;
							align-items: center;
							
							.bean-img {
								width: 20rpx;
								height: 20rpx;
								margin-right: 6rpx;
							}
							
							.bean-text {
								font-size: 24rpx;
								color: #FA840A;
								font-weight: bold;
							}
						}
					}
				}
			}
		}
	}
	
	// 空状态样式
	.empty-container {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 100rpx 0;
		
		.empty-box {
			text-align: center;
			
			.empty-text {
				font-size: 28rpx;
				color: #999;
			}
		}
	}
	
	.top-fixed {
		position: fixed;
		right: 10rpx;
		bottom: 2%;
		z-index: 999;
	}
	
	.backTop-img {
		width: 100rpx;
		height: 100rpx;
	}